@CHARSET "UTF-8";
body {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-style: oblique;
	background-image: url("guitar.jpg");
	background-position: 0;
	background-repeat: no-repeat;
}

.instrument {
    cursor: pointer;
    background: white;
    height: 30px;
}

.muted {
    background: gray;
}

#board {
	text-align: center;
	margin: 0 auto;
}

#board th {
    padding: 0;
    margin: 0;    
}

#board td.playing {
    border-color: red;
}

#board td.even {
    background-color: #CCC;
}

#board td.selected {
    background-color: yellow;
}

#mixerBoard {
	background: rgb(35,83,138); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(35,83,138,1) 0%, rgba(167,207,223,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,83,138,1)), color-stop(100%,rgba(167,207,223,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* W3C */
}

#board table tr {
	background-color: white;
	}

#board table tr td {
	border-width: 4px;
	}

#board table {
	margin: 20px auto auto;
}

form input {
	margin-top: 20px;
	}
	
#visualizer {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(35,83,138);
	margin-top: 20px;
	
	background-image: url("scores.jpg");
	
	background-repeat: no-repeat;
	}